<template>
    <div>
        <h1>这是Account组件</h1>

        <router-link to="/account/login">登录</router-link>
        <router-link to="/account/register">注册</router-link>

        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name: "Account"
    }
</script>
<!--
scoped属性可以设置样式为私有样式，这个私有样式的意思是只对自己及自己下级的组件起作用
-->
<style lang="scss" scoped>
    /*
    普通的style标签，只支持普通的样式，如果想要启用scss或less，需要为咱们的style元素设置lang属性

    只要咱们的style标签，是在.vue组件中定义的，那么推荐都为style开启scoped属性
    */
body{
    div{
        font-style: italic;
    }

}
</style>